.m-page#page-ecart2
  .title
    width 1200px
    color #ffb924
    font-size  36px
    margin 0 auto
    margin-top 170px
  .all
    text-align center
    font-size 30px
    color #03acca
    margin-top 30px
    line-height 1
    div
      text-align center
      font-size 40px
      color #03acca
      margin-top 22px
  .earther
    width 550px
    height 440px
    position relative
    margin 0 auto
    margin-top 0
    transform: scale(1.5) translateY(109px);
    .wavewrapper
      position absolute
      width 550px
      height 440px
      transform perspective(1000px) rotateX(60deg)
      top -90px
      .wave
        box-sizing border-box
        position absolute
        width 550px
        height 550px
        borde: 10px solid #19c7ec
        border-radius 50%
        box-shadow inset 0 0 20px #108da7, 0 0 10px #108da7
        animation roundWave 6s linear infinite
        &:nth-child(2)
          animation-delay -4.5s
        &:nth-child(3)
          animation-delay -3s
        &:nth-child(4)
          animation-delay -1.5s
    .global-back
      position absolute
      top 50px
    .moon
      position absolute
      top -20px
      left 175px
    #smallearth
      position absolute
      left 166px
      top -29px
      width 198px
      height 198px
    .moon
      animation reRotate 6s linear infinite
    .earth-back
      position absolute
      top -11px
      left 50%
      transform translateX(-50%)
      width 175px
      height 175px
      border 2px solid #19c7ec
      border-radius 50%
      box-shadow inset 0 0 100px #19c7ec
  .data
    width 1200px
    margin 0 auto
    display flex
    margin-bottom 40px
    &:first-of-type
      margin-top 30px
    .item
      flex 1
      div
        font-size 26px
        color #03acca
        line-height 1
        text-align center
        &:nth-child(2)
          font-size 36px
          margin-top 14px
    
      

@keyframes roundWave{
  0% {
    opacity: 0;
    transform: translateZ(0) scale(0);
  }
  25% {
    opacity: 0;
    border-width: 10px;
  }
  33% {
    opacity: 1;
  }
  90%{
    opacity: 0;
  }
  100% {
    opacity: 0;
    border-width: 1px;
    transform: translateZ(-10px) scale(1);
  }
}
@keyframes reRotate{
  to {
    transform: rotate(-360deg);
  }
}